<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // var person = '11';
      // if (person == 11) console.log('hi,boy');

      // var person = 'girl';
      // if (person === 'boy') {
      //   console.log('hi,boy');
      // } else {
      //   console.log('hi,girl');
      // }

      // var age = 19;
      // if (age < 18) {
      //   console.log('hi,boy');
      // } else if (age === 18) {
      //   console.log('hi,teenager');
      // } else {
      //   console.log('hi,man');
      // }

      var person = 'girl';
      person === 'boy' ? console.log('hi,boy') : console.log('hi,girl');
    </script>
  </body>
</html>
